/**index.wxss**/
/** 不管什么型号的手机，宽度都是750rpx **/

/* logo图片 */
.image-container {
  width: 100%;
  position: relative;
}

/* 功能按钮区域 */
.function-area {
    width: 640rpx;  /* 宽度（可根据需求调整） */
    height: 100rpx; /* 高度（可根据需求调整） */
    background-color: #ffffff; /* 背景色（示例灰色） */
    border-radius: 30rpx; /* 可选：圆角 */
    padding: 12rpx; /* 内边距 */
    margin: 10rpx auto; /* 居中显示 */
    display: flex; /* 启用 Flex 布局 */
    flex-direction: row; /* 横向排列 */
    align-items: center; /* 垂直居中 */
    justify-content: space-between; /* 左对齐 */
    .intruction {
      display: flex; /* 启用 Flex 布局 */
      flex-direction: column; /* 横向排列 */
      width: 200rpx;
      padding: 12rpx;
      .intruction-image {
        width: 60rpx; /* 图片宽度 */
        height: 60rpx; /* 图片高度 */
        margin-left: 15rpx;
      }
      .intruction-text {
        font-size: 28rpx;
      }
    }
}

/* 公告框区域 */
.announcement-area {
    width: 640rpx;  /* 宽度（可根据需求调整） */
    height: 500rpx; /* 高度（可根据需求调整） */
    background-color: #ffffff; /* 背景色（示例灰色） */
    border-radius: 30rpx; /* 可选：圆角 */
    padding: 20rpx; /* 内边距 */
    margin: 20rpx auto; /* 居中显示 */

    /* 公告栏字体 */
    .announcement {
      font-size: 60rpx;
      text-align: center;
      font-weight: bold;
      font-family: "隶书";
    }

    /* 实线样式 */
    .solid-line {
      width: 95%;        /* 横线宽度 */
      height: 1rpx;       /* 占位高度 */
      border-bottom: 1rpx solid #000000; /* 下边框作为横线 */
      margin: 20rpx auto;    /* 上下边距 */
    }

    /* 滑动容器样式 */
    .scroll-container {
      height: 300rpx; /* 设置固定高度（根据需求调整） */
      background-color: #fff;
      padding-top: 30rpx;
      padding-left: 20rpx;

        /* 列表项样式 */
        .list-item {
          display: flex;
          align-items: flex-start; /* 顶部对齐 */
          margin-bottom: 40rpx; /* 项间距 */
        }

        /* 小圆点样式 */
        .bullet {
          width: 16rpx;
          height: 16rpx;
          background-color: #000000; /* 圆点颜色 */
          border-radius: 50%; /* 圆形 */
          margin-right: 20rpx; /* 圆点与文字间距 */
          margin-top: 12rpx; /* 微调垂直对齐 */
        }

        /* 文本内容样式 */
        .content {
          flex: 1;
          font-size: 28rpx;
          color: #333;
          line-height: 1.6;
        }
    }
}
